﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Hotel</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <link rel="stylesheet" href="/layuimini/lib/layui-v2.6.3/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css" media="all">
   @* <style>
        .boss{width:100%;margin:50px auto;border:solid 1px red; overflow:hidden;}
        .boss div{
            width:198px;
            border:solid 1px gray;
            float:left;
            margin-left:25px;
        }
        .boss div img{
            display:block;
            width:100%;
        }

    </style>*@

</head>
<body>
    <header class="">
        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3 layui-bg-cyan ">
            <div class="container ">
                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index"><span style="color:white;">青橙酒店</span></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                @*<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between"> *@
                 <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between >

                    <ul class="navbar-nav flex-grow-1" style="padding-left: 0px;padding-right: 316px;">
                        <li class="nav-item layui-this">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index"><span style="color:white;">酒店首页</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index2"><span style="color:white;">酒店预约</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index3"><span style="color:white;">酒店信息</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index4"><span style="color:white;">联系我们</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="enroll"></a>
                        </li>
                    </ul>
                </div>

                <div id="denglu" style="">
                    <div style="float:left;">
                        <button class="layui-btn layui-btn-primary layui-border-green" onclick="zcFunction()">注册</button>
                    </div>
                    <div style="float:right; margin-left:10px;">
                        <button type="button" class="layui-btn" onclick="dlFunction()">登录</button>
                        <p id="text"></p>
                    </div>
                </div>

                <div id="geren">
                    <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index5"><span id="span1" style="color:white;">未登录</span></a>
                </div>

            </div>
        </nav>
    </header>
        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>
   @* <div class="boss"style="margin-top: 0px;position: relative;bottom: 16px;" >

            <img src="/img/QQ截图20220516112812.png" alt="" style="height:300px;width:630px"  />

            <img src="/img/QQ截图20220516112812.png" alt="" style="height:300px;width:630px"  />


            <img src="/img/QQ截图20220516112812.png" alt="" style="height:300px;width:630px"  />

            <img src="/img/QQ截图20220516112812.png" alt="" style="height:300px;width:630px"  />


            <img src="/img/QQ截图20220516112812.png" alt=""  style="height:300px;width:630px"   />

  
            <img src="/img/QQ截图20220516112812.png" alt="" style="height:300px;width:630px"  />


    </div>*@




    @*<footer class="border-top footer text-muted">
        <div class="container">
        &copy; 2022 - Hotel - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
        </div>
        </footer>*@

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @await RenderSectionAsync("Scripts", required: false)

    <script src="/layuimini/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
    <script src="/layuimini/lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <script src="/layuimini/lib/jquery-3.4.1/jquery.cookie.js"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->

    <script>

        //点击注册跳转到注册页面
        function zcFunction() {
            window.location.href='/Home/zhuceye';
        }
        //点击登录跳转到登录页面
        function dlFunction() {
            window.location.href='/Home/Login';
        }

        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function(){
            var element = layui.element;

            //监听导航点击
            element.on('nav(demo)', function(elem){
                //console.log(elem)
                layer.msg(elem.text());
            });
        //…
        });

        $(document).ready(function(){ 
            name = $.cookie('UserName');// 读取 cookie
            if(name != ""){
                $("#span1").text(name);
            }
            if(name == "undefined"){
                $("#span1").text("未登录");
            }
        });


    </script>
</body>
</html>
